Skip to main content

Blending Traditional UI and Constellation

5 Tasks

30 mins

 Pega Platform '23 Visible to: All users
Intermediate Pega Platform '23 Constellation Low-Code App Development English

Scenario

The  Tell Us More application and Instance Case Type is not Sweet Life's first project with Pega Platform™. They have a Create Product Case Type and a TrackIT application that is built on the Traditional UI in Pega Platform.

In this challenge, you are tasked with blending Sweet Life's Traditional and Constellation applications so that they can seamlessly work together.

The following table provides the credentials you need to complete the challenge:

Role User name Password
System Architect Author@SL pega123!
Note: Your practice environment may support the completion of multiple challenges. As a result, the configuration shown in the challenge walkthrough may not match your environment exactly.

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Challenge Walkthrough

Detailed Tasks

1 Add the Create Product Case Type to the Tell Us More application

  1. In the Pega instance for the challenge, enter the following credentials:
    1. In the User name field, enter Author@SL.
    2. In the Password field, enter pega123!
  2. Swtich to Dev Studio.
  3. In the header of Dev Studio, click Application: Tell Us More > Definition.
  4. On the Definition tab, click Add application, and then add ProConfig 01.01.01 as a built-on application.
    Add ProConfig 01.01.01 as a built on application.
  5. Click the Cases & data tab.
  6. In the Case Types section, click Add item, and then add a Case Type:
    1. Select the checkbox for the row.
    2. In the Name column,  enter CreateProduct.
    3. In the Work ID prefix column, enter C-.
    4. In the Implementation column, enter SL-ProConfig-Work-CreateProduct.
      Adding the Create Product Case Type to the Tell Us More application Definition.
  7. Click Save.
  8. In the search box, search for the pyEnableTraditionalUICoexistence When Rule.
  9. In the  pyEnableTraditionalUICoexistence Rule, click Private Edit, and then click Continue with private edit.
  10. On the Advanced tab, modify the Expression so that it evaluates to true.
  11. Click Save.
    pyEnableTraditionalUICoexistence evaluates to true
  12. Ensure that the changes apply correctly by logging out of the application, and then loging back in again.

2 Generate the Traditional UI in Constellation assets

  1. In the navigation pane of App Studio, click Settings > Traditional UI in Constellation.
    Traditional UI in Constellation path.
  2. Click Generate assets.
    The Generate assets button
  3. Complete the Connect Traditional UI application wizard:
    1. In the Application list, select ProConfig.
    2. In the Application version list, select 01.01.01.
    3. In the Application skin list, select ProConfig.
    4. In the Case Types section, click Add > Create Product.
    5. Click Next.
      Configure Traditional UI application wizard.
      Note: If you fail to generate assets, repeat step 3 but in the Application Skin list, select CosmosSkin. All of the other information remains the same.
  4. Confirm that wizard has completed the configuration, and then click Done.
    Wizard confirmation screen.

3 Refresh the routing table in Dev Studio

  1. Switch to Dev Studio.
  2. Open the Tell Us More application definition.
  3. On the Definition tab, in the Advanced section, click Generate routing table.
    The Generate routing table button on the Tell Us More application Definition.
  4. Click Save.

4 Add Create Product Case Type to the BO Portal

  1. Switch to App Studio, and then in the navigation pane, click Channels.
  2. Open the Tell Us More - BO Portal Channel.
  3. In the Main navigation window, in the Create menu section, add the Create Product Case Type.
    Adding the Create Product Case Type to the BO Portal.
  4. Click Save.

5 Add a Constellation application to Theme Cosmos

  1. Swtich to Dev Studio, and then click Configure > Org & Security > Organization > Operators.
  2. Open the Author@SL operator profile.
  3. In the Application Access section, add the TrackIT:Authors Access Group.
    Adding the TrackIT application to the Author profile.
  4. Click Save.
  5. In the header of Dev Studio, click Application > Switch Application > TrackIT.
    Switching to the TrackIt application.
  6. Switch to Dev Studio, and then open the TrackIT application definition.
  7. Confirm that Shipment is listed as a built-on application.
    Shipment as a built on application for the TrackIT application.
  8. Click the Cases & data tab.
  9. In the Case Types section, click Add item, and then add a Case Type:
    1. Select the checkbox for the row.
    2. In the Name column, enter Ship.
    3. In the Work ID prefix column, enter S-.
    4. In the Implementation column, enter SL-Shipment-Work-ShipParcel.
      Add the Ship Parcel Case Type.
  10. Click Save.
  11. Log out of the application, and then log back in.
    Note: If the Portal opens when you log in, repeat Step 11.
  12. Confirm that Ship Parcel is displayed in the list of Tell Us More Case Types.
  13. Switch to the TrackIT application.
  14. Confirm that Ship Parcel is displayed in the list of TrackIT Case Types.
    Ship Parcel in the list of TrackIT Case Types.

Confirm your work

  1. In App Studio, click Preview. 
  2. In the Create menu, open the Ship Parcel Case.
    Ship Parcel in the Create menu.
  3. Confirm that the Ship Parcel Case opens on the Schedule deliver Assignment.
    A Ship Parcel Case.
  4. Click Exit Preview to return to App Studio. 
  5. In App Studio, switch to the Tell Us More application, click Preview.
  6. In the header of theTell Us More application, click Portal > Tell Us More - BO.
  7. In the navigation pane of the application, create a new Create Product Case.
    Creating a Create Product Case in the BO Portal.
  8. Create a new product, and then submit the approval.
    Creating a new product in the BO Portal.
  9. In the navigation pane of App Studio, click Data > Product > Records, and then confirm you new product is included.
    The Constellation Cookies record in the Product data object.

This Challenge is to practice what you learned in the following Module:

Available in the following mission:

Return to mission
If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Yes
No

Want to help us improve this content?
Suggest an edit

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice